<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript" src="js/jquery-3.3.1.min.js"></script>
	<script type="text/javascript">
		$(document).ready(function(){
			alert("hello world");
		});
		$(function(){
			alert("simple write");
		});
		
		$(function(){
			$("#login").click(function(){
				alert("按钮点击事件");
			});
		});
		
		$(function(){
			var msg = $("#mydiv").html();
			alert(msg);
		});
		
		$(function(){
			var value = $("#uname").val();
			alert(value);
		});
		
		$(function(){
			$("#mydiv").addClass("mydiv");
			$("#mydiv").css("border","solid red 1px");
		});
		
		$(function(){
			$("#mytable tr:odd").css("background-color","aquamarine");
			$("#mytable tr:even").css("background-color","bisque");
		});
	</script>
	<style type="text/css">
		.mydiv{
			background-color: aquamarine;
			width: 500px;
			height: 300px;
		}
	</style>
	</head>
	<body>
		<input id="login" type="button"  value="登录"/>
		<div id="mydiv">jQuery很简单</div>
		<input type="text" id="uname" value="admin" />
		<table border="1" width="500" id="mytable">
			<tr>
				<td>1</td>
				<td>bobo</td>
			</tr>
			<tr>
				<td>2</td>
				<td>bobo</td>
			</tr>
			<tr>
				<td>3</td>
				<td>bobo</td>
			</tr>
			<tr>
				<td>4</td>
				<td>bobo</td>
			</tr>
		</table>
	</body>
</html>
